﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Multimedia.aspx.cs" MasterPageFile="~/MasterPage.master" Inherits="Multimedia" %>
<%@ Register Assembly="Facebook.Web" Namespace="Facebook.Web.FbmlControls" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="SectionPlaceHolder" Runat="Server" >

    <!-- Buttons to navigate between profile sections -->
    <asp:button runat="server" onclick="profileClick" text="Profile" CssClass="content_btn" BackColor="#627AAD"
                BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="White" />
    <asp:button runat="server" onclick="multimediaClick" text="Multimedia" CssClass="selected_content_btn" BackColor="White" Height="30"
                BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="Black" />
    <asp:button runat="server" onclick="curriculumVitaeClick" text="Curriculum Vitae" CssClass="content_btn" BackColor="#627AAD"
                BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="White" />
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ProfilePlaceHolder" Runat="Server" >
    
    <!-- You are now viewing XXX's profile box -->
    <div style="background-color: #EDEFF4;border-style: double;border-width: 1px;color: Black">
         &nbsp;
         <asp:image runat="server" id="profileImage" width="16" height="16" />
         &nbsp;
         <asp:label runat="server" id="profileLabel" text="You are now viewing XXX's profile." />
         &nbsp;
    </div>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" Runat="Server" >
    
    
    <!-- Panel to show if there is no multimedia available to view --> 
    <asp:panel id="noMultimediaPanel" visible="false" runat="server">
        
            <b><h2>No multimedia</h2></b>
 
            <p>
                <asp:label runat="server" id="noMultimediaDescriptionLabel" text="Sorry, XXX  has not added any multimedia content to their profile yet." />
            </p>

    </asp:panel>

    <!-- Panel to show if there is multimedia available to view --> 
    <asp:panel id="multimediaPanel" visible="true" runat="server">
            <b><h2><asp:label runat="server" id="multimediaHeaderLabel" text="XXX's Multimedia" /></h2></b>
 
            <p>
                <asp:label runat="server" id="multimediaDescriptionLabel" text="Check out some of XXX's multimedia displaying their musicianship." />
            </p>
    
            <!-- Create a custom message for multimedia items found -->
            <br />
                <div class="headerDarkStyle">
                <asp:label runat="server" id="multimediaMessage" />
            </div>
    
            <br />
    </asp:panel>

    <asp:Repeater id="MultimediaRepeater" runat="Server" >
        <ItemTemplate>
            <div style='width:500px;height:260px'>
                <div class="headerLightStyle" style='width:500px;height:20px' >
                    <asp:label runat="server" id="titleLabel" text='<%# ((EmbeddedObject)Container.DataItem).Title  %>' />
                </div>
                <div style='width:500px;height:240px' >
                    <div style='float:left;width:300px;height:240px; margin: 5px 5px 5px 5px'>
                    <cc1:swf ID="Swf2"
                        swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
                        swfsrc='<%# ((EmbeddedObject)Container.DataItem).Multimedia  %>'
                        imgsrc='<%# ((EmbeddedObject)Container.DataItem).Image  %>' width='290' height='230' runat="server" />
                    </div>
                    <div style='float:right;width:180px;height:240px; margin: 5px 5px 5px 5px'>
                        <b>Description:</b>
                        <asp:label runat="server" text='<%# ((EmbeddedObject)Container.DataItem).Content  %>' />
                        <a href='<%# ((EmbeddedObject)Container.DataItem).URL  %>'>(View more on YouTube)</a>
                    </div>
                </div>
            </div>
            <p /><br />
        </ItemTemplate>
        <AlternatingItemTemplate>
            <div style='width:500px;height:260px;background-color: #EDEFF4'>
                <div class="headerLightStyle" style='width:500px;height:20px' >
                    <asp:label runat="server" id="titleLabel" text='<%# ((EmbeddedObject)Container.DataItem).Title  %>' />
                </div>
                <div style='width:500px;height:240px' >
                    <div style='float:left;width:300px;height:240px; margin: 5px 5px 5px 5px'>
                    <cc1:swf ID="Swf1"
                        swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
                        swfsrc='<%# ((EmbeddedObject)Container.DataItem).Multimedia  %>'
                        imgsrc='<%# ((EmbeddedObject)Container.DataItem).Image  %>' width='290' height='230' runat="server" />
                    </div>
                    <div style='float:right;width:180px;height:240px; margin: 5px 5px 5px 5px'>
                        <b>Description:</b>
                        <asp:label runat="server" text='<%# ((EmbeddedObject)Container.DataItem).Content  %>' />
                        <a href='<%# ((EmbeddedObject)Container.DataItem).URL  %>'>(View more on YouTube)</a>
                    </div>
                </div>
            </div>
            <p /><br />
        </AlternatingItemTemplate>
    </asp:Repeater>


</asp:Content>


<asp:Content ID="Content3" ContentPlaceHolderID="SideBarPlaceHolder" Runat="Server">

        <!-- Sidebar content -->

        <br />
        <div class="headerDarkStyle">
            <asp:image runat="server" id="videoImage" width="16" height="16" imageurl="Images/uploadvideo.png" />  
            &nbsp; Add/Edit Embedded Content
        </div>
        <div class="contentStyle">
        Do you want to share your performances with the world?<p />

        Click
            <asp:button runat="server" onclick="uploadMultimediaClick" Width="35px"
                        text="here" CssClass="btn" BorderColor="White" BorderStyle="None" BorderWidth="0px" Font-Underline="True" 
                        ForeColor="Blue" />

        to start uploading/edit your existing multimedia.
        </div>


</asp:Content>
